<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"  charset="utf-8">
<script src="js/jquery.min.js" type="text/javascript"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/teenagers.js" type="text/javascript"></script>
<link href="css/admissionList.css" rel="stylesheet" type="text/css">
<title>资讯公告</title>
</head>

<body>
<div id="title">
        <h2>资讯公告</h2>
        </div>
<div class="container">
<form>
<div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" 
          href="#collapseOne">
          标题一<span class="badge">新</span>
        </a>
      </h4>
    </div>
     
    <div id="collapseOne" class="panel-collapse collapse in">
      <div  class="panel-body" style="text-align:center;">
     
      <h5 >标题标题标题标题标题</h5>
      <hr/>
      <h6>发布时间：2015-15-15&nbsp;&nbsp;&nbsp;浏览次数：10</h6>
      <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
       <img src="http://placehold.it/200x100" alt="">
         <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
          <img src="http://placehold.it/200x100" alt="">
           <img  style="padding-top:1px;"src="http://placehold.it/200x100" alt="">
            <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示当进入此页面的时候 自动解析最新的一条信息 并显示当进入此页面的时候 自动解析最新的一条信息 并显示当进入此页面的时候 自动解析最新的一条信息 并显示当进入此页面的时候 自动解析最新的一条信息 并显示</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" 
          href="#collapseTwo">
         标题二
        </a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse">
      <div class="panel-body" style="text-align:center;">
     <h5 >标题标题标题标题标题</h5>
      <hr/>
      <h6>发布时间：2015-15-15&nbsp;&nbsp;&nbsp;浏览次数：10</h6>
       <img src="http://placehold.it/100x100" alt="">
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" 
          href="#collapseThree">
         标题三
        </a>
      </h4>
    </div>
    <div id="collapseThree" class="panel-collapse collapse">
      <div class="panel-body">
        <h5 >标题标题标题标题标题</h5>
      <hr/>
      <h6>发布时间：2015-15-15&nbsp;&nbsp;&nbsp;浏览次数：10</h6>
      <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
       <img src="http://placehold.it/200x100" alt="">
         <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
          <img src="http://placehold.it/200x100" alt="">
           <img  style="padding-top:1px;"src="http://placehold.it/200x100" alt="">
      </div>
    </div>
  </div>
   <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" 
          href="#collapseFour">
         标题四
        </a>
      </h4>
    </div>
    <div id="collapseFour" class="panel-collapse collapse">
      <div class="panel-body" style="text-align:center;">
        <h5 >标题标题标题标题标题</h5>
      <hr/>
      <h6>发布时间：2015-15-15&nbsp;&nbsp;&nbsp;浏览次数：10</h6>
      <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
       <img src="http://placehold.it/200x100" alt="">
         <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
          <img src="http://placehold.it/200x100" alt="">
           <img  style="padding-top:1px;"src="http://placehold.it/200x100" alt="">
      </div>
    </div>
  </div>
   <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" 
          href="#collapseFive">
         标题五
        </a>
      </h4>
    </div>
    <div id="collapseFive" class="panel-collapse collapse">
      <div class="panel-body" style="text-align:center;">
        <h5 >标题标题标题标题标题</h5>
      <hr/>
      <h6>发布时间：2015-15-15&nbsp;&nbsp;&nbsp;浏览次数：10</h6>
      <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
       <img src="http://placehold.it/200x100" alt="">
         <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
          <img src="http://placehold.it/200x100" alt="">
           <img  style="padding-top:1px;"src="http://placehold.it/200x100" alt="">
      </div>
    </div>
  </div>
     <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" 
          href="#collapSix">
         标题六
        </a>
      </h4>
    </div>
    <div id="collapSix" class="panel-collapse collapse">
      <div class="panel-body" style="text-align:center;">
        <h5 >标题标题标题标题标题</h5>
      <hr/>
      <h6>发布时间：2015-15-15&nbsp;&nbsp;&nbsp;浏览次数：10</h6>
      <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
       <img src="http://placehold.it/200x100" alt="">
         <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
          <img src="http://placehold.it/200x100" alt="">
           <img  style="padding-top:1px;"src="http://placehold.it/200x100" alt="">
      </div>
    </div>
  </div>
   <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" 
          href="#collapSeven">
         标题七
        </a>
      </h4>
    </div>
    <div id="collapSeven" class="panel-collapse collapse">
      <div class="panel-body" style="text-align:center;">
        <h5 >标题标题标题标题标题</h5>
      <hr/>
      <h6>发布时间：2015-15-15&nbsp;&nbsp;&nbsp;浏览次数：10</h6>
      <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
       <img src="http://placehold.it/200x100" alt="">
         <p style="font-size:9px;">当进入此页面的时候 自动解析最新的一条信息 并显示</p>
          <img src="http://placehold.it/200x100" alt="">
           <img  style="padding-top:1px;"src="http://placehold.it/200x100" alt="">
      </div>
    </div>
  </div>
   
   <div style="width:100%; text-align:center;">
         <ul class="pagination" style="">
          <li><a href="#">&laquo;</a></li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li><a href="#">&raquo;</a></li>
		</ul></div>
</div>
</form>
 	<div class="row " style="margin-top:1px;">
						<div class="col-xs-12" style="height:80px;text-align:center; ">
							<hr />
							<h6>青少年宫</h6>
							<p style="font-size: 9px;">
								(c) Copyright 2015 Administrator. All Rights Reserved. 
							</p>
						</div>
					</div>
     <div class="row " style="margin-top:1px;">
    		<div class="col-xs-12" style="height:50px; "></div>
    </div>
		<!--iphone memu-->
			<div id="iphoneMemu" class="navbar navbar-fixed-bottom container" style=" background:#FFF;  width:100%; border:1px solid #999;">
				<div class="row" style="text-align:center;" style="font-size: 9px;">
					<a href="index.html">
						<div class="left col-xs-2">
							<img src="img/home.png" alt="">
							<div id="" style="font-size: 9px;">
								主页 </div>
						</div>
					</a>
					<a href="activity.html">
						<div class="left col-xs-2">
							<img src="img/activity.png" alt="">
							<div id="" style="font-size: 9px;">
								活动</div>
						</div>
					</a>
					<a href="me.html">
						<div class="left col-xs-2">
							<img src="img/me.png" alt="">
							<div id="" style="font-size: 9px;">
								个人</div>
						</div>
					</a>
					<a href="newspapersList.html">
						<div class="left col-xs-2">
							<img src="img/computer.png" alt="">
							<div id="" style="font-size: 9px;">
								报刊</div>
						</div>
					</a>
					
					<a href="signin.html">
						<div class="left col-xs-2">
							<img src="img/work.png" alt="">
							<div id="" style="font-size: 9px;">
								办公 </div>
						</div>
					</a>
					<a href="weixin.html">
						<div class="left col-xs-2">
							<img src="img/weix.png" alt="">
							<div id="" style="font-size: 9px;">
								微信</div>
						</div>
					</a>
					
					
				</div>
			</div>
</div>
</body>
</html>
